<!--行星轮系均载综合分析-->

<template>
    <div class="plant-all">
        <!--        left-->
        <div class="plant-all-left">
            <!--            top-->
            <div class="plant-all-left-top">
                <div class="plant-all-left-top-title">轮系宏观参数</div>
                <div class="plant-all-left-top-contend">
                    <ul class="plant-all-left-top-contend-ul-1">
                        <li></li>
                        <li>齿数</li>
                        <li>法向模数(mm)</li>
                        <li>法向压力角(度)</li>
                        <li>螺旋角(度)</li>
                        <li>螺旋角旋向</li>
                        <li>齿宽(mm)</li>
                        <li>中心距(mm)</li>
                        <li>法向变位系数</li>
                        <li>齿顶高系数</li>
                        <li>顶隙系数</li>
                        <li>齿廓倒角高度(直径)(mm)</li>
                        <li>轮缘厚度系数</li>
                        <li>幅板厚度(mm)</li>
                        <li>弹性模量(Mpa)</li>
                    </ul>
                    <ul class="plant-all-left-top-contend-ul-2">
                        <li>
                            <span style="width: 32%;height: 98%;">太阳轮</span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;">行星轮</span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;">内齿圈</span>
                        </li>
                        <li>
                            <span style="width: 32%;height: 98%"><input v-model="form.Zsun" style="width: 100%;height: 100%;"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.Zplanet" style="width: 100%;height: 100%;"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.Zring" style="width: 100%;height: 100%;"></span>
                        </li>
                        <li><input v-model="form.m_n" style="width: 99%;height: 100%;text-align: center"></li>
                        <li><input v-model="form.a_n" style="width: 99%;height: 100%;text-align: center"></li>
                        <li><input v-model="form.helix_angle" style="width: 99%;height: 100%;text-align: center"></li>
                        <li>
                            <select style="width: 30%;height: 99%;text-align: center" v-model="form.rotation_direction_planet">
                                <option value="1">左旋</option>
                                <option value="2">右旋</option>
                            </select>
                        </li>
                        <li><input v-model="form.face" style="width: 99%;height: 100%;text-align: center"></li>
                        <li><input v-model="form.work_center" style="width: 99%;height: 100%;text-align: center"></li>
                        <li>
                            <span style="width: 32%;height: 98%">{{ans.text107}}</span>
                            <input v-model="form.x_p" style="margin-left: 3%;width: 32%;height: 100%;text-align: center">
                            <span style="width: 32%;height: 98%">{{ans.text108}}</span>
                        </li>
                        <li>
                            <span style="width: 32%;height: 98%"><input v-model="form.addendum_factor_r" style="width: 100%;height: 100%"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.addendum_factor_p" style="width: 100%;height: 100%"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.addendum_factor_r" style="width: 100%;height: 100%"></span>
                        </li>
                        <li>
                            <span style="width: 32%;height: 98%;"><input v-model="form.tip_factor_s" style="width: 100%;height: 100%"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.tip_factor_p" style="width: 100%;height: 100%"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.tip_factor_r" style="width: 100%;height: 100%"></span>
                        </li>
                        <li>
                            <span style="width: 32%;height: 98%;"><input v-model="form.d_chamfer_s" style="width: 100%;height: 100%"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;;"><input v-model="form.d_chamfer_p" style="width: 100%;height: 100%"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.d_chamfer_r" style="width: 100%;height: 100%"></span>
                        </li>
                        <li>
                            <span style="width: 32%;height: 98%"><input v-model="form.SR_s" style="width: 100%;height: 100%"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.SR_p" style="width: 100%;height: 100%"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.SR_r" style="width: 100%;height: 100%"></span>
                        </li>
                        <li>
                            <span style="width: 32%;height: 98%"><input v-model="form.web_thickness_s" style="width: 100%;height: 100%"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.web_thickness_p" style="width: 100%;height: 100%"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.web_thickness_r" style="width: 100%;height: 100%"></span>
                        </li>
                        <li>
                            <span style="width: 32%;height: 98%;"><input v-model="form.E_s" style="width: 100%;height: 100%"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.E_p" style="width: 100%;height: 100%"></span>
                            <span style="width: 32%;margin-left: 3%;height: 98%;"><input v-model="form.E_r" style="width: 100%;height: 100%"></span>
                        </li>

                    </ul>
                </div>
            </div>
            <!--            middle-->
            <div class="plant-all-left-middle">
                <div class="plant-all-left-middle-title">轮系微观参数</div>
                <div class="plant-all-left-middle-contend">
                    <ul class="plant-all-left-middle-contend-ul">
                        <li></li>
                        <li>制造误差(um)</li>
                        <li>安装误差(um)</li>
                        <li>单齿基节偏差(um)</li>
                        <li>基节累积总偏差(um)</li>
                    </ul>
                    <ul class="plant-all-left-middle-contend-ul-2">
                        <li>太阳轮</li>
                        <li><input v-model="form.Es"></li>
                        <li><input v-model="form.As"></li>
                        <li><input v-model="form.pitch_error_single_s"></li>
                        <li><input v-model="form.pitch_error_whole_s"></li>
                    </ul>
                    <ul class="plant-all-left-middle-contend-ul-2">
                        <li>行星轮</li>
                        <li><input v-model="form.Ep"></li>
                        <li><input v-model="form.Ap"></li>
                        <li><input v-model="form.pitch_error_single_p"></li>
                        <li><input v-model="form.pitch_error_whole_p"></li>
                    </ul>
                    <ul class="plant-all-left-middle-contend-ul-2">
                        <li>内齿圈</li>
                        <li><input v-model="form.Er"></li>
                        <li><input v-model="form.Ar"></li>
                        <li><input v-model="form.pitch_error_single_r"></li>
                        <li><input v-model="form.pitch_error_whole_r"></li>
                    </ul>
                    <ul class="plant-all-left-middle-contend-ul-2">
                        <li>行星架</li>
                        <li><input v-model="form.Eh"></li>
                        <li><input v-model="form.Ah"></li>
                    </ul>
                </div>
            </div>
            <!--            bottom-->
            <div class="plant-all-left-bottom">
                <p>注: 1、分析固定坐标系的X轴反向为水平向右，Y轴方向为垂直向下;</p>
                <p>2、角度/转速均以X轴为基准顺时针计量:</p>
                <p>3、齿数以顺时针计数;</p>
                <p>4、转速顺时针为正、逆时针为负;</p>
                <p>5、啮合刚度的计算适应于直齿轮和螺旋角小于45*的齿轮。</p>
                <p>6、初始状态，与太阳轮初始啮合齿左齿面相邻的行星轮齿定义为行星轮的第1个齿;</p>
                <p>7、行星轮第1个安装位置处，与以行星轮第1个齿为基准顺时针旋 转180度(或稍大于180度)对应的行星轮轮齿左齿面相邻的内齿 圈轮齿定义为内齿圈初始基准齿。</p>
            </div>
        </div>
        <!--        middle-->
        <div class="plant-all-middle">
            <!--            top-->
            <div class="plant-all-middle-top">
                <div class="plant-all-middle-top-title">齿轮齿向修形参数</div>
                <div class="plant-all-middle-top-contend">
                    <div style="height: 57%;width: 100%;display: flex">
                        <ul class="plant-all-middle-top-contend-ul-1">
                            <li></li>
                            <li></li>
                            <li>齿向修形左评价点位置(mm)</li>
                            <li>齿向修形右评价点位置(mm)</li>
                            <li>齿向整体抛物线修鼓量(um)</li>
                            <li>左评价点齿向螺旋角修形量(um)</li>
                            <li>右评价点齿向螺旋角修形量(um)</li>
                        </ul>
                        <ul class="plant-all-middle-top-contend-ul-2" >
                            <li></li>
                            <li>太阳轮</li>
                            <li><input v-model="form.limit_lead_left_s_left"></li>
                            <li><input v-model="form.limit_lead_right_s_left"></li>
                            <li><input v-model="form.crown_whole_relief_s_left"></li>
                            <li><input v-model="form.helix_relief_left_s_left"></li>
                            <li><input v-model="form.helix_relief_right_s_left"></li>
                        </ul>
                        <ul class="plant-all-middle-top-contend-ul-2">
                            <li>左齿面</li>
                            <li>行星轮</li>
                            <li><input v-model="form.limit_lead_left_p_left"></li>
                            <li><input v-model="form.limit_lead_right_p_left"></li>
                            <li><input v-model="form.crown_whole_relief_p_left"></li>
                            <li><input v-model="form.helix_relief_left_p_left"></li>
                            <li><input v-model="form.helix_relief_right_p_left"></li>
                        </ul>
                        <ul class="plant-all-middle-top-contend-ul-2">
                            <li></li>
                            <li>内齿圈</li>
                            <li><input v-model="form.limit_lead_left_r_left"></li>
                            <li><input v-model="form.limit_lead_right_r_left"></li>
                            <li><input v-model="form.crown_whole_relief_r_left"></li>
                            <li><input v-model="form.helix_relief_left_r_left"></li>
                            <li><input v-model="form.helix_relief_right_r_left"></li>
                        </ul>
                        <ul class="plant-all-middle-top-contend-ul-2" style="margin-left: 1%">
                            <li></li>
                            <li>太阳轮</li>
                            <li><input v-model="form.limit_lead_left_s_right"></li>
                            <li><input v-model="form.limit_lead_right_s_right"></li>
                            <li><input v-model="form.crown_whole_relief_s_right"></li>
                            <li><input v-model="form.helix_relief_left_s_right"></li>
                            <li><input v-model="form.helix_relief_right_s_right"></li>
                        </ul>
                        <ul class="plant-all-middle-top-contend-ul-2">
                            <li>右齿面</li>
                            <li>行星轮</li>
                            <li><input v-model="form.limit_lead_left_p_right"></li>
                            <li><input v-model="form.limit_lead_right_p_right"></li>
                            <li><input v-model="form.crown_whole_relief_p_right"></li>
                            <li><input v-model="form.helix_relief_left_p_right"></li>
                            <li><input v-model="form.helix_relief_right_p_right"></li>
                        </ul>
                        <ul class="plant-all-middle-top-contend-ul-2">
                            <li></li>
                            <li>内齿圈</li>
                            <li><input v-model="form.limit_lead_left_r_right"></li>
                            <li><input v-model="form.limit_lead_right_r_right"></li>
                            <li><input v-model="form.crown_whole_relief_r_right"></li>
                            <li><input v-model="form.helix_relief_left_r_right"></li>
                            <li><input v-model="form.helix_relief_right_r_right"></li>
                        </ul>
                    </div>
                    <div style="height: 10%;width: 100%;display: flex">
                        <ul style="height: 100%;width: 30%;">
                            <li style="width: 100%;height: 100%;text-align: right">齿向左端/右端修形方式</li>
                        </ul>
                        <ul style="height: 100%;width: 55%;margin-left: 1.5%">
                            <li style="width: 100%;height: 100%">
                                <select style="width: 100%;height: 95%" v-model="form.lead_relief_form">
                                    <option value="1" style="text-align: center;">抛物线修行方式</option>
                                    <option value="2" style="text-align: center;">直线修行方式</option>
                                </select>
                            </li>
                        </ul>
                    </div>
                    <div style="width: 100%;height: 33%;display: flex">
                        <ul style="height: 100%;width: 30%;">
                            <li style="height: 24.9%;width: 100%;text-align: right;">齿向左端修形长度(mm)</li>
                            <li style="height: 24.9%;width: 100%;text-align: right;">齿向左端修形量(um)</li>
                            <li style="height: 24.9%;width: 100%;text-align: right;">齿向右端修形长度(mm)</li>
                            <li style="height: 24.9%;width: 100%;text-align: right;">齿向右端修形量(um)</li>
                        </ul>
                        <ul style="height: 100%;width: 10%;margin-left: 0.5%">
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_length_left_s_left"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_relief_left_s_left"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_length_right_s_left"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_relief_right_s_left"></li>
                        </ul>
                        <ul style="height: 100%;width: 10%;margin-left: 0.5%">
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_length_left_p_left"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_relief_left_p_left"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_length_right_p_left"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_relief_right_p_left"></li>
                        </ul>
                        <ul style="height: 100%;width: 10%;margin-left: 0.5%">
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_length_left_r_left"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_relief_left_r_left"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_length_right_r_left"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_relief_right_r_left"></li>
                        </ul>
                        <ul style="height: 100%;width: 10%;margin-left: 1%">
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_length_left_s_right"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_relief_left_s_right"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_length_right_s_right"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_relief_right_s_right"></li>
                        </ul>
                        <ul style="height: 100%;width: 10%;margin-left: 0.5%">
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_length_left_p_right"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_relief_left_p_right"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_length_right_p_right"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_relief_right_p_right"></li>
                        </ul>
                        <ul style="height: 100%;width: 10%;margin-left: 0.5%">
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_length_left_r_right"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_relief_left_r_right"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_length_right_r_right"></li>
                            <li style="height: 24.9%;width: 100%;text-align: center;"><input style="width: 80%;height: 98%;text-align: center" v-model="form.crown_double_relief_right_r_right"></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--            middle-->
            <div class="plant-all-middle-middle">
                <div class="plant-all-middle-middle-title">齿轮齿廓修形参数</div>
                <div class="plant-all-middle-middle-contend">
                    <div style="height: 58%;width: 100%;display: flex">
                        <ul class="plant-all-middle-middle-contend-ul-1">
                            <li></li>
                            <li></li>
                            <li>渐开线接触展开长度(mm)</li>
                            <li>齿廓修形下评价点位置(mm)</li>
                            <li>齿廓修形上评价点位置(mm)</li>
                            <li>齿廓整体抛物线修鼓量(um)</li>
                            <li>下评价点齿廓压力角修形量(um)</li>
                            <li>上评价点齿廓压力角修形量(um)</li>
                        </ul>
                        <ul class="plant-all-middle-middle-contend-ul-2" >
                            <li></li>
                            <li>太阳轮</li>
                            <li style="height: 12.4%;width: 150%;text-align: center"></li>
                            <li><input v-model="form.limit_profile_down_s_left"></li>
                            <li><input v-model="form.limit_profile_up_s_left"></li>
                            <li><input v-model="form.profile_whole_relief_s_left"></li>
                            <li><input v-model="form.pressure_relief_down_s_left"></li>
                            <li><input v-model="form.pressure_relief_up_s_left"></li>
                        </ul>
                        <ul class="plant-all-middle-middle-contend-ul-2">
                            <li>左齿面</li>
                            <li>行星轮</li>
                            <li style="height: 12.4%;width: 150%;text-align: center">{{ans.text172}}</li>
                            <li><input v-model="form.limit_profile_down_p_left"></li>
                            <li><input v-model="form.limit_profile_up_p_left"></li>
                            <li><input v-model="form.profile_whole_relief_p_left"></li>
                            <li><input v-model="form.pressure_relief_down_p_left"></li>
                            <li><input v-model="form.pressure_relief_up_p_left"></li>
                        </ul>
                        <ul class="plant-all-middle-middle-contend-ul-2">
                            <li></li>
                            <li>内齿圈</li>
                            <li></li>
                            <li><input v-model="form.limit_profile_down_r_left"></li>
                            <li><input v-model="form.limit_profile_up_r_left"></li>
                            <li><input v-model="form.profile_whole_relief_r_left"></li>
                            <li><input v-model="form.pressure_relief_down_r_left"></li>
                            <li><input v-model="form.pressure_relief_up_r_left"></li>
                        </ul>
                        <ul class="plant-all-middle-middle-contend-ul-2" style="margin-left: 1%">
                            <li></li>
                            <li>太阳轮</li>
                            <li style="height: 12.4%;width: 150%;text-align: center"></li>
                            <li><input v-model="form.limit_profile_down_s_right"></li>
                            <li><input v-model="form.limit_profile_up_s_right"></li>
                            <li><input v-model="form.profile_whole_relief_s_right"></li>
                            <li><input v-model="form.pressure_relief_down_p_right"></li>
                            <li><input v-model="form.pressure_relief_up_p_right"></li>
                        </ul>
                        <ul class="plant-all-middle-middle-contend-ul-2">
                            <li>右齿面</li>
                            <li>行星轮</li>
                            <li style="height: 12.4%;width: 150%;text-align: center">{{ans.text174}}</li>
                            <li><input v-model="form.limit_profile_down_p_right"></li>
                            <li><input v-model="form.limit_profile_up_p_right"></li>
                            <li><input v-model="form.profile_whole_relief_p_right"></li>
                            <li><input v-model="form.pressure_relief_down_p_right"></li>
                            <li><input v-model="form.pressure_relief_up_p_right"></li>
                        </ul>
                        <ul class="plant-all-middle-middle-contend-ul-2">
                            <li></li>
                            <li>内齿圈</li>
                            <li></li>
                            <li><input v-model="form.limit_profile_down_r_right"></li>
                            <li><input v-model="form.limit_profile_up_r_right"></li>
                            <li><input v-model="form.profile_whole_relief_r_right"></li>
                            <li><input v-model="form.pressure_relief_down_r_right"></li>
                            <li><input v-model="form.pressure_relief_up_r_right"></li>
                        </ul>

                    </div>
                    <div style="height: 8%;width: 100%;display: flex">
                        <ul style="height: 100%;width: 30%">
                            <li style="width: 100%;height: 100%;text-align: right;">齿廓齿根/齿顶修形方式</li>
                        </ul>
                        <ul style="height: 100%;width: 60%;margin-left: 1.5%">
                            <li style="width: 100%;height: 100%">
                                <select style="width: 100%;height: 95%" v-model="form.profile_relief_form">
                                    <option value="1" style="text-align: center;">抛物线修行方式</option>
                                    <option value="2" style="text-align: center;">直线修行方式</option>
                                </select>
                            </li>
                        </ul>
                    </div>
                    <div style="width: 100%;height: 34.8%;display: flex">
                        <ul style="height: 99.5%;width: 30%">
                            <li style="height: 24.9%;width: 100%;text-align: right;">齿廓齿根修形长度(mm)</li>
                            <li style="height: 24.9%;width: 100%;text-align: right;">齿廓齿顶修形长度(mm)</li>
                            <li style="height: 24.9%;width: 100%;text-align: right;">齿廓齿根修形量(um)</li>
                            <li style="height: 24.9%;width: 100%;text-align: right;">齿廓齿顶修形量(um)</li>
                        </ul>
                        <ul style="height: 99.5%;width: 10%;margin-left: 0.5%">
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_length_down_s_left"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_relief_down_s_left"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_length_up_s_left"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_relief_up_s_left"></li>
                        </ul>
                        <ul style="height: 99.5%;width: 10%;margin-left: 0.5%">
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_length_down_p_left"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_relief_down_p_left"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_length_up_p_left"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_relief_up_p_left"></li>

                        </ul>
                        <ul style="height: 99.5%;width: 10%;margin-left: 0.5%">
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_length_down_r_left"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_relief_down_r_left"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_length_up_r_left"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_relief_up_r_left"></li>

                        </ul>
                        <ul style="height: 99.5%;width: 10%;margin-left: 1%">
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_length_down_s_right"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_relief_down_s_right"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_length_up_s_right"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_relief_up_s_right"></li>

                        </ul>
                        <ul style="height: 99.5%;width: 10%;margin-left: 0.5%">
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_length_down_p_right"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_relief_down_p_right"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_length_up_p_right"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_relief_up_p_right"></li>

                        </ul>
                        <ul style="height: 99.5%;width: 10%;margin-left: 0.5%">
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_length_down_r_right"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_relief_down_r_right"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_length_up_r_right"></li>
                            <li style="height: 24.5%;width: 100%;text-align: center"><input style="text-align: center;width: 82%;height: 95%" v-model="form.profile_relief_up_r_right"></li>
                        </ul>

                    </div>
                </div>
            </div>
            <!--            bottom-->
            <div class="plant-all-middle-bottom">
                <div class="plant-all-middle-bottom-title">支承刚度与相关参数</div>
                <div class="plant-all-middle-bottom-top">
                    <ul class="plant-all-middle-bottom-top-ul">
                        <li>太阳轮垂直支承刚度(N/um)</li>
                        <li>行星架垂直支承刚度(N/um)</li>
                        <li>内齿圈垂直支承刚度(N/um)</li>
                    </ul>
                    <ul style="height: 100%;width: 10%">
                        <li style="height: 33%;width: 100%;text-align: center">
                            <input v-model="K_s[0]" style="text-align: center;width: 85%;height: 99%">
                        </li>
                        <li style="height: 33%;width: 100%;text-align: center"><input v-model="K_h[0]" style="text-align: center;width: 85%;height: 99%"></li>
                        <li style="height: 33%;width: 100%;text-align: center"><input v-model="K_r[0]" style="text-align: center;width: 85%;height: 99%"></li>
                    </ul>
                    <ul class="plant-all-middle-bottom-top-ul" style="margin-left: 5%">
                        <li>太阳轮水平支承刚度(N/um)</li>
                        <li>行星架水平支承刚度(N/um)</li>
                        <li>内齿圈水平支承刚度(N/um)</li>
                    </ul>
                    <ul style="height: 100%;width: 10%">
                        <li style="height: 33%;width: 100%;text-align: center">
                            <input v-model="K_s[1]" style="text-align: center;width: 85%;height: 99%">
                        </li>
                        <li style="height: 33%;width: 100%;text-align: center"><input v-model="K_h[1]" style="text-align: center;width: 85%;height: 99%"></li>
                        <li style="height: 33%;width: 100%;text-align: center"><input v-model="K_r[1]" style="text-align: center;width: 85%;height: 99%"></li>
                    </ul>
                </div>
                <div class="plant-all-middle-bottom-middle">
                    <button @click="isvisible" style="width: 23%;height: 98%;margin-left: 12%;background-color: #6dd400;border-radius: 4px;border: 2px #686868;">输入行星轮相关参数</button>
                    <a-modal v-for="(it,index) in visible" :key="it.id" v-model="visible[index].value"
                               :title="amodal_title(index)"
                               @ok="handleOk_1_1(index+1)">

                        <div style="width: 100%;height: 100%">
                            <ul style="height: 100%">
                                <li>
                                    第{{index+1}}个安装位置处行星轮相对于水平方向的角度，顺时针为正（°）<br>
                                    <input v-model="angle_array[index]" style="width: 90%;height: 20%">
                                </li>
                                <li>
                                    第{{index+1}}个安装位置行星轮横向支承刚度（N/um）<br>
                                    <input v-model="K_p_array_1[index]" style="width: 90%;height: 20%">
                                </li>
                                <li>
                                    第{{index+1}}个安装位置行星轮径向支承刚度（N/um）<br>
                                    <input v-model="K_p_array_2[index]" style="width: 90%;height: 20%">
                                </li>
                            </ul>
                        </div>
                    </a-modal>

                    <button style="width: 23%;height: 98%;margin-left: 2%;background-color: #6dd400;border-radius: 4px;border: 2px #686868;">显示行星轮相关参数</button>
                    <button @click="clear_array" style="width: 23%;height: 98%;margin-left: 2%;background-color: #6dd400;border-radius: 4px;border: 2px #686868;">删除行星轮相关参数</button>
                </div>
                <div class="plant-all-middle-bottom-bottom">
<!--                    <table style="text-align: center;width: 80%;height: 100%;margin-left: 5%">-->
                        <div style="text-align: center;overflow-y: scroll;width: 80%;height: 100%;margin-left: 5%;box-shadow: 1.5px 1.5px 2px #aaaaaa;border: 0.5px solid rgba(231, 231, 231, 0.486);border-radius: 3px;">
                            <tr style="height: 100%;width: 100%;background-color: #EAEAEA">
                                <th style="width: 20%">行星轮安装位置</th>
                                <th style="width: 20%">安装角度(°)</th>
                                <th style="width: 20%">横向支承刚度(N/um)</th>
                                <th style="width: 20%">径向支承刚度(N/um)</th>
                            </tr>
                            <tr v-for="(it,index) in form.Np*2" :key="index" v-show="index<form.Np">
                                <th>{{index+1}}</th>
                                <th>{{angle_array[index]}}</th>
                                <th>{{K_p_array_1[index]}}</th>
                                <th>{{K_p_array_2[index]}}</th>
                            </tr>
                        </div>
                </div>
            </div>
        </div>
        <!--        right-->
        <div class="plant-all-right">
            <div class="plant-all-right-top">
                <div class="plant-all-right-top-title">其他参数</div>
                <div class="plant-all-right-top-contend">
                    <ul class="plant-all-right-top-contend-ul">
                        <li>行星轮系样本个数</li>
                        <li>行星轮个数</li>
                        <li>太阳轮承载方式</li>
                        <li>太阳轮承载扭矩(Nmm)</li>
                        <li>太阳轮绝对转速(rpm)</li>
                        <li>行星轮绝对转速(rpm)</li>
                        <li>内齿圈绝对转速(rpm)</li>
                        <li>行星架绝对转速(rpm)</li>
                        <li>太阳轮模拟圈数</li>
                        <li>基节模拟网格数</li>
                        <li>齿宽切片数量</li>
                        <li>外啮合使用系数</li>
                        <li>内啮合使用系数</li>
                        <li>太阳轮初始啮合齿数</li>
                        <li>内齿圈初始基准齿数</li>
                    </ul>
                    <ul class="plant-all-right-top-contend-ul-2">
                        <li><input  v-model="form.N_sample"></li>
                        <li><input  v-model="form.Np"></li>
                        <li>
                            <select style="width: 80%;height:99%;" v-model="form.drive_sun">
                                <option value="1">主动</option>
                                <option value="2">从动</option>
                            </select>
                        </li>
                        <li><input v-model="form.torque_sun_input"></li>
                        <li><input v-model="form.Wsun"></li>
                        <li><input v-model="form.Wplanet"></li>
                        <li><input v-model="form.Wring"></li>
                        <li><input v-model="form.Wcarrier"></li>
                        <li><input v-model="form.N_sun"></li>
                        <li><input v-model="form.number"></li>
                        <li><input v-model="form.n_slice"></li>
                        <li><input v-model="form.K_A_external"></li>
                        <li><input v-model="form.K_A_internal"></li>
                        <li><input v-model="form.start_number_s"></li>
                        <li><input v-model="form.start_number_r"></li>
                    </ul>
                </div>
            </div>
            <div class="plant-all-right-top-middle">
                <button @click="planet_loadshare_statistics" style="margin-left: 5%;width: 35%;height: 60%;background-color: #6dd400;border-radius: 4px;border: 2px #686868;">计算</button>
                <button @click="showModal18" style="margin-left: 10%;width: 35%;height: 60%;background-color: #6dd400;border-radius: 4px;border: 2px #686868;">结构示意图</button>
                <a-modal v-model="visible18" title="行星轮轮系结构示意图" @ok="handleOk18">
                    <img style="width: 100%;height: 100%" src="@/assets/image/image_09_01.png">
                </a-modal>
            </div>
            <div class="plant-all-right-top-bottom">
                <div class="plant-all-right-top-bottom-title">计算结果</div>
                <div class="plant-all-right-top-bottom-contend">
                    <div style="text-align: center;width: 100%;height: 30%;box-shadow: 1.5px 1.5px 2px #aaaaaa;border: 0.5px solid rgba(231, 231, 231, 0.486);border-radius: 3px;overflow-y: scroll">
                        <table>
                            <tr>
                                <th>行星轮安装位置</th>
                                <th>太阳轮初始啮合齿数</th>
                                <th>内齿圈初始啮合齿数</th>
                            </tr>
                            <tr style="text-align: center" v-for="(item,index) in ans.show_planet_single" :key="index">
                                <td>{{item[0]}}</td>
                                <td>{{item[1]}}</td>
                                <td>{{item[2]}}</td>
                            </tr>

                        </table>
                    </div>
                    <div style="width: 100%;height: 8%;text-align: center;">不均载系数</div>
                    <div style="text-align: center;overflow-y: scroll;width: 100%;height: 20%;margin-top: 1%;box-shadow: 1.5px 1.5px 2px #aaaaaa;border: 0.5px solid rgba(231, 231, 231, 0.486);border-radius: 3px;">
                        <table>
                            <tr>
                                <th>可靠度50%</th>
                                <th>可靠度90%</th>
                                <th>可靠度97%</th>
                            </tr>
                            <tr v-for="(item1,index) in ans.Loadshare_max_stability" :key="index">
                                <td>{{item1[0]}}</td>
                                <td>{{item1[1]}}</td>
                                <td>{{item1[2]}}</td>
                            </tr>
                        </table>
                    </div>
                    <div style="width: 100%;height: 8%;text-align: center">太阳轮浮动量半径值(um)</div>
                    <div style="text-align: center;overflow-y: scroll;width: 100%;height: 20%;margin-top: 1%;box-shadow: 1.5px 1.5px 2px #aaaaaa;border: 0.5px solid rgba(231, 231, 231, 0.486);border-radius: 3px;">
                        <table>
                            <tr>
                                <th>可靠度50%</th>
                                <th>可靠度90%</th>
                                <th>可靠度97%</th>
                            </tr>
                            <tr v-for="(item,index) in ans.Ls_max_stability" :key="index">
                                <td>{{item[0]}}</td>
                                <td>{{item[1]}}</td>
                                <td>{{item[2]}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import {planet_loadshare_statistics} from "@/api/file";
    import {toString_} from "@/api/file";

    export default {
        created() {
            document.title = '行星轮系均载综合分析'
            this.$store.state.file.key=9
        },
        name: "planet_loadshare_statistics",
        data(){
            return{
                angle_array:[],
                K_p_array_1:[],
                K_p_array_2:[],
                K_p_array:[[]],
                visible18:false,
                visible:[{value:false},{value:false},{value:false},{value:false},{value:false},{value:false},{value:false},{value:false},{value:false},{value:false},{value:false}],
                ans:{
                    text107:"static text",//法向变位系数
                    text108:"static text",
                    text172:"text2",//渐开线接触展开长度
                    text174:"text4",
                    show_planet_single:[],
                    Loadshare_max_stability:[],
                    Ls_max_stability:[],
                },
                pos_angle:[],
                K_p:[[]],

                K_s:[29.83,29.83],
                K_r:[5434.8,5434.8],
                K_h:[3886.3,3886.3],
                form:this.$store.state.file.dataList[9],
            };
        },
        methods:{
            MyStringToTable(str){ //src为字符串，len为表的宽度
                var arr1=str.split("\n")
                var arr2=new Array(arr1.length)
                var k=0
                for(var i=0;i<arr1.length;i++){
                    k=0
                    var temp=new Array(3)
                    temp=arr1[i].split(" ");
                    arr2[i]=new Array(temp.length)
                    for(var j=0;j<temp.length;j++){
                        arr2[i][j]=temp[j]
                    }
                    for(j=0;j<arr2[i].length;j++){
                        if(arr2[i][j]==""){
                            arr2[i].splice(j,1)
                            j=j-1
                        }
                    }
                }
                return arr2
            },
            //method里面添加这个方法动态改变title
            amodal_title(it) {
                return "第"+(it+1) +"个安装位置处行星轮"
            },
            isvisible(){  //点击按钮时的 @click 方法
                this.visible[0].value = true
            },
            handleOk_1_1:function(it){  //循环弹出数组时 点击确定的效果
                if(it < this.$store.state.file.dataList[9].Np) { //改成自己输入的那个数值对应的变量
                    this.visible[it-1].value = false
                    this.visible[it].value = true
                }else{
                    this.visible[it-1].value = false//使用完 vuex 中的 visibles 后，一定要全部赋值为false
                    for(let i = 0;i < this.visible.length;i++){
                        this.visible[i].value = false
                    }
                }
                this.K_p_array[0] = this.K_p_array_1;
                this.K_p_array[1] = this.K_p_array_2;
                this.K_p=this.K_p_array
                // this.K_p_array=[]
                this.pos_angle=this.angle_array
                // this.angle_array=[]
            },
            clear_array(){
                this.angle_array=[]
                this.K_p_array=[[]]
                this.K_p_array_1=[]
                this.K_p_array_2=[]
            },

            showModal18(){
                this.visible18 = true;
            },
            handleOk18(){
                this.visible18 = false;
            },
            planet_loadshare_statistics()
            {
                this.K_p = toString_(this.K_p)
                this.pos_angle = toString_(this.pos_angle)
                this.form.K_s=this.K_s.toString();
                this.form.K_r=this.K_s.toString();
                this.form.K_h=this.K_s.toString();
                this.form.pos_angle=this.pos_angle.toString();
                this.form.K_p=this.K_p.toString();
                planet_loadshare_statistics(this.form)
                    .then(res => {
                      if(res[0]=="行星轮系不满足装配条件")
                      {
                          this.$message.error('行星轮系不满足装配条件');
                      }
                      else {
                        console.log("打印结果");
                        this.ans.text107 = res[0];
                        this.ans.text108 = res[1];
                        this.ans.show_planet_single = this.MyStringToTable(res[2]);
                        this.ans.Loadshare_max_stability = this.MyStringToTable(res[3]);
                        this.ans.Ls_max_stability = this.MyStringToTable(res[4]);
                        this.ans.text174 = res[5];
                        this.ans.text172 = res[6];
                      }
                    })
                    .catch(err => {
                        this.$message.error(err);
                    });
                this.pos_angle = []
                this.K_p =[[]]
            }
        }
    }
</script>

<style scoped>
    .plant-all{
        height: 100%;
        width: 100%;
        margin-top: 0.2%;
        overflow-x: auto;
        overflow-y: auto;
        display: flex;
        box-shadow: 1.5px 1.5px 2px #aaaaaa;
        border: 0.5px solid rgba(231, 231, 231, 0.486);
        border-radius: 3px;
        margin-left: 0.2%;
    }
    .plant-all-left{
        width: 25%;
        height: 100%;
    }
    .plant-all-left-top{
        width: 100%;
        height: 54%;
        box-shadow: 1.5px 1.5px 2px #aaaaaa;
        border: 0.5px solid rgba(231, 231, 231, 0.486);
        border-radius: 3px;
    }
    .plant-all-left-top-title{
        height: 7%;
        width: 100%;
        font-size: 17.5px;
        background-color: #D7D7D7;
        border-radius: 3px;
        padding-left: 3%;
        font-weight: bolder;
    }
    .plant-all-left-top-contend{
        height: 93%;
        width: 100%;
        display: flex;
    }
    .plant-all-left-top-contend-ul-1{
        width: 40%;
        height: 100%;
    }
    .plant-all-left-top-contend-ul-1 li{
        height: 6.5%;
        width: 100%;
        text-align: right;
    }
    .plant-all-left-top-contend-ul-2{
        width: 60%;
        margin-left: 0.2%;height: 100%;
    }
    .plant-all-left-top-contend-ul-2 li{
        width: 99.5%;
        height: 6.4%;
        display: flex;
        margin-top: 0.1%;
        text-align: center;
    }
    .plant-all-left-top-contend-ul-2 input{
        text-align: center;
    }
    .plant-all-left-middle{
        width: 100%;
        height: 24.5%;
        margin-top: 0.6%;
    }
    .plant-all-left-middle-title{
        height: 15%;
        width: 100%;
        font-size: 17.5px;
        background-color: #D7D7D7;
        border-radius: 3px;
        padding-left: 3%;
        font-weight: bolder;
    }
    .plant-all-left-middle-contend{
        height: 84.8%;
        width: 100%;
        margin-top: 0.1%;
        display: flex;
        box-shadow: 1.5px 1.5px 2px #aaaaaa;
        border: 0.5px solid rgba(231, 231, 231, 0.486);
        border-radius: 3px;
    }
    .plant-all-left-middle-contend-ul{
        height: 100%;
        width: 32%;
    }
    .plant-all-left-middle-contend-ul li{
        height: 19.8%;
        margin-top: 0.1%;
        width: 100%;
        text-align: right;
    }
    .plant-all-left-middle-contend-ul-2{
        height: 100%;
        width: 16%;
        margin-left: 1%;
        text-align: center;
    }
    .plant-all-left-middle-contend-ul-2 li{
        height: 20%;
        width: 100%;
    }
    .plant-all-left-middle-contend-ul-2 input{
        height: 90%;
        width: 98%;
        margin-top: 0.1%;
        text-align: center;
    }
    .plant-all-left-bottom{
        width: 80%;
        height: 70%;
        /*box-shadow: 1.5px 1.5px 2px #aaaaaa;*/
        border: 0.5px solid rgba(231, 231, 231, 0.486);
        border-radius: 3px;
        margin-top: 0.5%;
        margin-left: 10%;
    }

    .plant-all-middle{
        width: 50%;
        height: 99.5%;
        margin-left: 0.5%;
    }
    .plant-all-middle-top{
        height: 45%;
        width: 100%;
    }
    .plant-all-middle-top-title{
        height: 9.5%;
        width: 100%;
        font-size: 17.5px;
        background-color: #D7D7D7;
        border-radius: 3px;
        padding-left: 3%;
        font-weight: bolder;
    }
    .plant-all-middle-top-contend{
        height: 89.8%;
        margin-top: 0.1%;
        width: 100%;
        box-shadow: 1.5px 1.5px 2px #aaaaaa;
        border: 0.5px solid rgba(231, 231, 231, 0.486);
        border-radius: 3px;
    }
    .plant-all-middle-top-contend-ul-1{
        height: 98%;
        width: 30%;
    }
    .plant-all-middle-top-contend-ul-1 li{
        height: 14.1%;
        margin-top: 0.1%;
        width: 100%;
        text-align: right;
    }
    .plant-all-middle-top-contend-ul-2{
        width: 10%;
        height: 98%;
        margin-left: 0.5%;
        text-align: center;
    }
    .plant-all-middle-top-contend-ul-2 li{
        height: 14.1%;
        width: 100%;
        margin-top: 0.1%;
    }
    .plant-all-middle-top-contend-ul-2 input{
        text-align: center;
        height: 98%;
        width: 80%;
    }
    .plant-all-middle-middle{
        height: 55.5%;
        width: 100%;
        margin-top: 0.2%;
    }
    .plant-all-middle-middle-title{
        height: 7.5%;
        width: 100%;
        font-size: 17.5px;
        background-color: #D7D7D7;
        border-radius: 3px;
        padding-left: 3%;
        font-weight: bolder;
    }
    .plant-all-middle-middle-contend{
        height: 91.8%;
        margin-top: 0.1%;
        width: 100%;
        box-shadow: 1.5px 1.5px 2px #aaaaaa;
        border: 0.5px solid rgba(231, 231, 231, 0.486);
        border-radius: 3px;
    }
    .plant-all-middle-middle-contend-ul-1{
        height: 100%;
        width: 30%;
    }
    .plant-all-middle-middle-contend-ul-1 li{
        height: 12.4%;
        width: 100%;
        margin-top: 0.1%;
        text-align: right;
    }
    .plant-all-middle-middle-contend-ul-2{
        width: 10%;
        height: 100%;
        margin-left: 0.5%;
        text-align: center;
    }
    .plant-all-middle-middle-contend-ul-2 li{
        height: 12.4%;
        width: 100%;
        margin-top: 0.1%;
    }
    .plant-all-middle-middle-contend-ul-2 input{
        text-align: center;
        height: 98%;
        width: 80%;
    }
    .plant-all-middle-bottom{
        height: 40%;
        width: 100%;
        box-shadow: 1.5px 1.5px 2px #aaaaaa;
        border: 0.5px solid rgba(231, 231, 231, 0.486);
        border-radius: 3px;
    }
    .plant-all-middle-bottom-title{
        width: 100%;
        height: 10%;
        font-size: 17.5px;
        background-color: #D7D7D7;
        border-radius: 3px;
        padding-left: 3%;
        font-weight: bolder;
        margin-top: 0.2%;
    }
    .plant-all-middle-bottom-top{
        height: 30%;
        width: 100%;
        display: flex;
        margin-top: 0.5%;
    }
    .plant-all-middle-bottom-top-ul{
        width: 33%;
        height: 100%;
    }
    .plant-all-middle-bottom-top-ul li{
        height: 33%;
        width: 100%;
        text-align: right;
    }
    .plant-all-middle-bottom-middle{
        height: 12%;
        width: 100%;
        display: flex;
    }
    .plant-all-middle-bottom-bottom{
        width: 100%;
        height: 44%;
    }

    .plant-all-right{
        width: 24.8%;
        height: 100%;
        margin-left: 0.2%;

    }
    .plant-all-right-top{
        height: 54.8%;
        width: 100%;
        box-shadow: 1.5px 1.5px 2px #aaaaaa;
        border: 0.5px solid rgba(231, 231, 231, 0.486);
        border-radius: 3px;
        margin-top: 0.2%;
    }
    .plant-all-right-top-title{
        width: 100%;
        height: 7.5%;
        font-size: 17.5px;
        background-color: #D7D7D7;
        border-radius: 3px;
        padding-left: 3%;
        font-weight: bolder;
    }
    .plant-all-right-top-contend{
        height: 92%;
        width: 100%;
        margin-top: 0.2%;
        display: flex;
    }
    .plant-all-right-top-contend-ul{
        height: 100%;
        width: 55%;
        text-align: right;
    }
    .plant-all-right-top-contend-ul li{
        height: 6.5%;
        width: 100%;
        margin-top: 0.1%;
    }
    .plant-all-right-top-contend-ul-2{
        height: 100%;
        width: 30%;
        text-align: center;
        margin-left: 3%;
    }
    .plant-all-right-top-contend-ul-2 li{
        height: 6.5%;
        width: 100%;
        margin-top: 0.1%;
    }
    .plant-all-right-top-contend-ul-2 input{
        height: 99%;
        width: 80%;
        text-align: center;
    }
    .plant-all-right-top-middle{
        height: 8%;
        width: 100%;
        margin-top: 2%;
        display: flex;
    }
    .plant-all-right-top-bottom{
        height: 50%;
        width: 100%;
    }
    .plant-all-right-top-bottom-title{
        height: 8%;
        width: 100%;
        font-size: 17.5px;
        background-color: #D7D7D7;
        border-radius: 3px;
        padding-left: 3%;
        font-weight: bolder;
    }
    .plant-all-right-top-bottom-contend{
        height: 99.5%;
        width: 100%;
        margin-top: 0.2%;
    }
    .plant-all-right-top-bottom-contend table{
        height: 100%;
        width: 100%;
    }
    /*.plant-all-right-top-bottom-contend-tr-1{*/
    /*    height: 19.8%;*/
    /*    width: 100%;*/
    /*}*/
    /*.plant-all-right-top-bottom-contend-tr-1 th{*/
    /*    height: 100%;*/
    /*    width: 30%;*/
    /*    margin-left: 5%;*/
    /*    text-align: center;*/
    /*}*/
    .plant-all-right-top-bottom-contend-tr-1 td{
        height: 100%;
        width: 30%;
        margin-left: 5%;
        text-align: center;
    }
    /*.plant-table{*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*}*/
    .plant-table th{
        text-align: center;
    }
    .plant-table td{
        text-align: center;
    }
    table tr:nth-child(even)
    {
        background: whitesmoke;
    }


</style>